<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <title>样式化表格</title>
</head>
<body>
    <div class="container">
        <table class="table ">
            <thead>
                <tr>
                    <th>行</th>
                    <th>类型</th>
                </tr>
            </thead>
            <tbody>
                <!-- table-* 可以将表格设置成不同的颜色，可以放在表格的任意标签上 -->
                <tr class="table-primary">
                    <td>1</td>
                    <td>Primary</td>
                </tr>
                <tr class="table-secondary">
                    <td>2</td>
                    <td>Secondary</td>
                </tr>
                <tr class="table-success">
                    <td>3</td>
                    <td>Success</td>
                </tr>
                <tr class="table-info">
                    <td>4</td>
                    <td>info</td>
                </tr>
                <tr class="table-warning">
                    <td>5</td>
                    <td>warning</td>
                </tr>
                <tr class="table-danger">
                    <td>6</td>
                    <td>danger</td>
                </tr>
                <tr class="table-active">
                    <td>7</td>
                    <td>active</td>
                </tr>
                <tr class="table-light">
                    <td>8</td>
                    <td>Light</td>
                </tr>
                <tr class="table-dark">
                    <td>9</td>
                    <td>dark</td>
                </tr>

            </tbody>
        </table>
    </div>
    
</body>
</html>